<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bilibili</title>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/recommend.css">
    <link rel="stylesheet" href="css/push.css">
    <link rel="stylesheet" href="css/live.css">
    <link rel="stylesheet" href="css/anime.css">
    <link rel="stylesheet" href="css/bangumi-schedule.css">
    <link rel="stylesheet" href="css/bangumi.css">
    <link rel="stylesheet" href="css/special.css">
    <link rel="stylesheet" href="css/footer.css">

    <script src="lib/jquery-3.2.1.js"></script>
    <script src="js/index.js"></script>

</head>
<body>

<div class="header">
    <div class="nav-top">
        <div class="nav-ct w">
            <div class="menu-nav">
                <ul>
                    <li><a href="#" class="top-link" target="_blank">主站</a></li>
                    <li><a href="#" class="top-link">画友</a></li>
                    <li><a href="#" class="top-link">游戏中心</a></li>
                    <li><a href="#" class="top-link">直播</a></li>
                    <li><a href="#" class="top-link">周边</a></li>
                    <li><a href="#" class="top-link">移动端</a></li>
                </ul>
            </div>
            <div class="user-nav">
                <ul>
                    <li><a href="#" class="top-link">头像</a></li>
                    <li><a href="#" class="top-link">消息</a></li>
                    <li><a href="#" class="top-link">动态</a></li>
                    <li><a href="#" class="top-link">收藏夹</a></li>
                    <li><a href="#" class="top-link">历史</a></li>
                    <li><a href="#" class="top-link contribute">投稿</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="nav-img">
        <div class="img-content w">
            <div class="top-logo">
                <img src="img/header/top-logo.png" alt="">
            </div>
            <div class="extra">
                <a href="#" class="rank"><span>排行榜</span></a>
                <div class="search">
                    <form action="">
                        <input type="text" placeholder="来验证一下柯南的那些逆天道具" id="search">
                        <button></button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-guide">
        <div class="guide-wrapper w">
            <ul class="nav clearfix">

                <li><a href="#"><span>首页</span></a></li>

                <li>
                    <a href="#">
                        <span>动画</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>MAD·AMV</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>MMD·3D</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>短片·手书·配音</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>综合</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>番剧</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>连载动画</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>完结动画</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>资讯</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>官方延伸</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>新番时间表</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>国创</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>国产动画</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>国产原创相关</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>布袋戏</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>资讯</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>新番时间表</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>国产动画索引</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>音乐</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>原创音乐</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>翻唱</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>VOCALOID·UTAU</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>演奏</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>三次元音乐</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>OP/ED/OST</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>音乐选集</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>舞蹈</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>宅舞</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>三次元舞蹈</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>舞蹈教程</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>游戏</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>单机游戏</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>电子竞技</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>手机游戏</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>网络游戏</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>桌游棋牌</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>GMV</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>音游</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>Mugen</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>科技</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>纪录片</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>趣味科普人文</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>野生技术协会</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>演讲·公开课</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>星海</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>生活</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>搞笑</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>日常</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>美食圈</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>动物圈</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>手工</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>鬼畜</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>鬼畜调教</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>音MAD</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>人力VOCALOID</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>教程演示</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>时尚</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>美妆</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>服饰</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>健身</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>资讯</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>广告</span>
                        <div class="num"><span>99</span></div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <span>娱乐</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>综艺</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>明星</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>Korea相关</span></a></li>
                    </ul>
                </li>

                <li>
                    <a href="#">
                        <span>影视</span>
                        <div class="num"><span>99</span></div>
                    </a>
                    <ul>
                        <li><a href="#"><span class="icon"></span><span>电影</span></a></li>
                        <li><a href="#"><span class="icon"></span><span>电视剧</span></a></li>
                    </ul>
                </li>

                <li class="square"><a href="#"><span>广场</span></a></li>
                <li class="square"><a href="#"><span>直播</span></a></li>
                <li class="square"><a href="#"><span>小黑屋</span></a></li>

            </ul>

            <a href="#">
                <div><img src="img/header/guide-gif.gif" alt=""></div>
            </a>
        </div>

    </div>

</div>

<div class="main-page w">
    <div class="recommend">
        <div class="rec-carousel">
            <ul class="slide clearfix">
                <li><a href="#"><img src="img/recommend/rec-carousel-1.webp" alt=""></a></li>
                <li><a href="#"><img src="img/recommend/rec-carousel-2.webp" alt=""></a></li>
                <li><a href="#"><img src="img/recommend/rec-carousel-3.webp" alt=""></a></li>
                <li><a href="#"><img src="img/recommend/rec-carousel-4.webp" alt=""></a></li>
                <li><a href="#"><img src="img/recommend/rec-carousel-5.webp" alt=""></a></li>
            </ul>
            <ul class="dot">
                <li class="active"><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
            </ul>
        </div>
        <div class="rec-ct">
            <div class="rec-item">
                <a href="#">
                    <img src="img/recommend/rec-1.webp" alt="">
                    <div class="info-card">
                        <p>【老番茄】高考完的那一晚，你在想些什么？</p>
                        <p class="info">
                            <span>UP主：老番茄</span>
                            <span>播放：43.9万</span>
                        </p>
                    </div>
                </a>
            </div>
            <div class="rec-item">
                <a href="#">
                    <img src="img/recommend/rec-2.webp" alt="">
                    <div class="info-card">
                        <p>【Re:CREATORS 完整版OP（中日歌词）】【泽野弘之新曲】</p>
                        <p class="info">
                            <span>UP主：我丶好期待</span>
                            <span>播放：11.8万</span>
                        </p>
                    </div>
                </a>
            </div>
            <div class="rec-item">
                <a href="#">
                    <img src="img/recommend/rec-3.webp" alt="">
                    <div class="info-card">
                        <p>【综漫/暖】愿你被这世界温柔以待</p>
                        <p class="info">
                            <span>UP主：蒙奇「D」路飞</span>
                            <span>播放：10.3万</span>
                        </p>
                    </div>
                </a>
            </div>
            <div class="rec-item">
                <a href="#">
                    <img src="img/recommend/rec-4.webp" alt="">
                    <div class="info-card">
                        <p>【火影忍者】无论是谁，不过一袭剪影</p>
                        <p class="info">
                            <span>UP主：Lightの</span>
                            <span>播放：15.0万</span>
                        </p>
                    </div>
                </a>
            </div>
            <div class="rec-item">
                <a href="#">
                    <img src="img/recommend/rec-5.webp" alt="">
                    <div class="info-card">
                        <p>【末日风格】于外星吟唱的miku</p>
                        <p class="info">
                            <span>UP主：彧弟</span>
                            <span>播放：1.2万</span>
                        </p>
                    </div>
                </a>
            </div>
            <div class="rec-item">
                <a href="#">
                    <img src="img/recommend/rec-6.webp" alt="">
                    <div class="info-card">
                        <p>【该细还得细】FGO国服鬼哭醉梦魔京罗生门/茨木童子攻略</p>
                        <p class="info">
                            <span>UP主：削人棍专用BGM</span>
                            <span>播放：8.6万</span>
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="push">
        <div class="push-title">
            <div class="content">
                <span class="icon"></span>
                <span class="name">推广</span>
                <a href="#" class="hot">一起来跳舞吧，趁我们在校园相遇</a>
            </div>
            <div class="info">
                <a href="#">在线人数：491185</a>
                <span>|</span>
                <a href="#">最新投稿：5518</a>
            </div>
        </div>
        <div class="push-ct">
            <div class="item">
                <a href="#">
                    <div class="pic">
                        <img src="img/push/push-1.webp" alt="">
                        <div class="mask">
                            <span class="time-mark">20:27</span>
                        </div>
                    </div>
                    <p>灵吸怪介绍下篇---更多关于灵吸怪的奥秘</p>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <div class="pic">
                        <img src="img/push/push-2.webp" alt="">
                        <div class="mask">
                            <span class="time-mark">20:27</span>
                        </div>
                    </div>
                    <p>《开封奇谈-这个包公不太行》第4话更新</p>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <div class="pic">
                        <img src="img/push/push-3.webp" alt="">
                        <div class="mask">
                            <span class="time-mark">20:27</span>
                        </div>
                    </div>
                    <p>没有维多利亚的秘密，只有碳纤维的秘密</p>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <div class="pic">
                        <img src="img/push/push-4.webp" alt="">
                        <div class="mask">
                            <span class="time-mark">20:27</span>
                        </div>
                    </div>
                    <p>【纪录片/BBC】百万美国公主 Million Dollar American Princesses</p>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="img/push/push-ad.webp" alt="">
                </a>
            </div>
        </div>
    </div>
    <div class="live">
        <div class="live-left">
            <div class="live-title">
                <span class="icon"></span>
                <span class="name">正在直播</span>
                <span class="num">
                    当前共有<span>3752</span>个在线直播
                </span>
                <a href="#" class="hot">
                    <span class="icon"></span>
                    <span>233秒居然能做这些！</span>
                </a>
                <div class="status">
                    <span class="icon"></span>
                    <span class="status-info">
                        <span class="status-num">3217</span>条新动态
                    </span>
                </div>
                <a href="#" class="more">
                    更多<span>&gt;</span>
                </a>
            </div>
            <div class="live-ct">
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-1.webp" alt="">
                            <span>唱见舞见</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>爱唱歌的小小小小小姐姐？( ω｀)</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                sakamakiryoryo
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                2482
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-2.webp" alt="">
                            <span>手游直播</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>二狗解说带你看懂王者荣耀</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                梦醒三生梦
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                1.4万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-3.webp" alt="">
                            <span>绘画专区</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>画个素描~</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                小熊绅士
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                4340
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-4.webp" alt="">
                            <span>生活娱乐</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>小米Max 2超耐久直播第二季-第17天</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                小米公司
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                9.4万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-5.webp" alt="">
                            <span>单机联机</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>放假啦~！！</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                黑桐谷歌
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                2.0万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-6.webp" alt="">
                            <span>手游直播</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>【王者荣耀】B站最菜打野第一天</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                我就是传说中的污妖王
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                29
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-7.webp" alt="">
                            <span>生活娱乐</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>小姐姐\教你从铂金上黄金</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                女贼m
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                224
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/live/live-8.webp" alt="">
                            <span>唱见舞见</span>
                            <div class="mask">
                                <span class="mark">
                                    <span class="dot"></span>
                                    Live
                                </span>
                            </div>
                        </div>
                        <p>vanku 学学歌清唱唱</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                暴走智障直男葉
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                2262
                            </span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="live-right">
            <div class="tab">
                <div class="tab-panel on">直播排行</div>
                <div class="tab-panel">关注的主播</div>
                <div class="tab-panel">为你推荐</div>
            </div>
            <div class="tab-item">
                <div class="carousel-outside">
                    <div class="ct rank">
                        <div class="r-item">
                            <span class="number num-top">1</span>
                            <a href="#" class="logo">
                                <img src="img/live/live-rank-logo-1.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>小米公司</span>
                                    <span class="audience">
                                        <i class="icon"></i>9.0万
                                    </span>
                                </p>
                                <span>小米Max 2超耐久直播第二季-第15天</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <span class="number num-top">2</span>
                            <a href="#" class="logo">
                                <img src="img/live/live-rank-logo-2.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>泪腺战士</span>
                                    <span class="audience">
                                        <i class="icon"></i>8.0万
                                    </span>
                                </p>
                                <span>【岚少】岚色直播间</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <span class="number num-top">3</span>
                            <a href="#" class="logo">
                                <img src="img/live/live-rank-logo-3.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>淳色</span>
                                    <span class="audience">
                                        <i class="icon"></i>6.4万
                                    </span>
                                </p>
                                <span>【荣耀一吹】</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <span class="number">4</span>
                            <a href="#" class="logo">
                                <img src="img/live/live-rank-logo-4.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>剑网3官方视频</span>
                                    <span class="audience">
                                        <i class="icon"></i>5.9万
                                    </span>
                                </p>
                                <span>19:30剑网3竞技大师赛16进8 D组</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <span class="number">5</span>
                            <a href="#" class="logo">
                                <img src="img/live/live-rank-logo-5.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>泠鸢yousa</span>
                                    <span class="audience">
                                        <i class="icon"></i>4.2万
                                    </span>
                                </p>
                                <span>泠鸢yousa的投稿视频</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <span class="number ">6</span>
                            <a href="#" class="logo">
                                <img src="img/live/live-rank-logo-6.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>宫本狗雨</span>
                                    <span class="audience">
                                        <i class="icon"></i>3.4万
                                    </span>
                                </p>
                                <span>(つД`) 这游戏越来越难 好烦躁</span>
                            </a>
                        </div>
                    </div>
                    <div class="ct follow">
                        <div class="r-item">
                            <a href="#" class="logo">
                                <img src="img/live/live-follow-logo-1.gif" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>晨上初雨</span>
                                    <span class="audience">
                                        <i class="icon"></i>136
                                    </span>
                                </p>
                                <span>【阴阳师手游同人】彼岸青灯</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <a href="#" class="logo">
                                <img src="img/live/live-follow-logo-2.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>伊丽莎白鼠</span>
                                    <span class="audience">
                                        <i class="icon"></i>1.4万
                                    </span>
                                </p>
                                <span>绝地求死送快递</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <a href="#" class="logo">
                                <img src="img/live/live-follow-logo-3.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>passの伤痕</span>
                                    <span class="audience">
                                        <i class="icon"></i>394
                                    </span>
                                </p>
                                <span>【声控】攻气满满的软萌君尚大人汪！！！</span>
                            </a>
                        </div>
                        <div class="r-item">
                            <a href="#" class="logo">
                                <img src="img/live/live-rank-logo-1.webp" alt="">
                            </a>
                            <a href="#" class="content">
                                <p>
                                    <span>兔爹哭晕在厕所</span>
                                    <span class="audience">
                                        <i class="icon"></i>7371
                                    </span>
                                </p>
                                <span>时尚区最菜up主打农药</span>
                            </a>
                        </div>
                    </div>
                    <div class="ct recommend">
                        <div class="carousel-inside">
                            <ul class="slide">
                                <li><a href="#"><img src="img/live/live-carousel-1.webp" alt=""></a></li>
                                <li><a href="#"><img src="img/live/live-carousel-2.webp" alt=""></a></li>
                                <li><a href="#"><img src="img/live/live-carousel-3.webp" alt=""></a></li>
                            </ul>
                            <ul class="dot">
                                <li class="active"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="rec-card">
                            <a href="#">
                                <img src="img/live/live-rec-card-1.webp" alt="">
                                <div class="mask">
                                    <span>超心塞的</span>
                                </div>
                            </a>
                            <a href="#">
                                <img src="img/live/live-rec-card-2.gif" alt="">
                                <div class="mask">
                                    <span>扎双马尾</span>
                                </div>
                            </a>
                            <a href="#">
                                <img src="img/live/live-rec-card-3.webp" alt="">
                                <div class="mask">
                                    <span>易世樊花</span>
                                </div>
                            </a>
                            <a href="#">
                                <img src="img/live/live-rec-card-4.webp" alt="">
                                <div class="mask">
                                    <span>SNH48官方账号</span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="anime">
        <div class="anime-left">
            <div class="anime-title">
                <span class="icon"></span>
                <span class="name">动画</span>
                <span class="tab on">有新动态</span>
                <span class="tab">最新投稿</span>
                <a href="#" class="hot">
                    <span class="icon"></span>
                    <span>致与名为现实的怪物战斗的人们</span>
                </a>
                <div class="status">
                    <span class="icon"></span>
                    <span class="status-info">
                        <span class="status-num">3217</span>条新动态
                    </span>
                </div>
                <a href="#" class="more">
                    更多<span>&gt;</span>
                </a>
            </div>
            <div class="anime-ct">
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-1.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>08:10</span>
                        </div>
                        <p>【综漫 ASMV】 弱者（完整版）/The Weak (Full ver.)</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                438.7万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                11.0万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-2.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>05:00</span>
                        </div>
                        <p>【一拳超人】【全程同步高燃混剪】琦玉老师打爆宇宙！</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                8200
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                137
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-3.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>12:17</span>
                        </div>
                        <p>【著作权科普】谈夏达与夏天岛版权之争</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                10.6万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                2877
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-4.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>03:21</span>
                        </div>
                        <p>【泛式】英雄学院: 轰vs绿谷——「焦冻·原点」</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                2.1万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                353
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-5.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>43:15</span>
                        </div>
                        <p>【怀旧排名】十年前天朝网络上最风靡的动画Top30</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                79.8万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                23.7万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-6.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>03:58</span>
                        </div>
                        <p>【高考应援】新海诚cross road唯美短片祝君顺利！</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                1031
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                45
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-7.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>05:37</span>
                        </div>
                        <p>【黄漫/RE：C】纱雾和军服姬之间真·不可告人的秘密</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                4.3万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                310
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/anime/anime-8.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>11:23</span>
                        </div>
                        <p>【2017拜年祭单品】漫画家桐人—我只想讲一个关于梦想的故事</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                47.4万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                5119
                            </span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="anime-right">
            <div class="title">
                <p>排行</p>
                <div class="tab">
                    <div class="tab-panel on">全部</div>
                    <div class="tab-panel">原创</div>
                </div>
                <div class="toggle">
                    <div>
                        <span class="selected">三日</span>
                        <span class="icon"></span>
                    </div>
                    <ul class="dropdown-list">
                        <li>一周</li>
                    </ul>
                </div>

            </div>
            <div class="tab-item">
                <div class="carousel-outside">
                    <div class="tab-item-a all">
                        <div class="a-item">
                            <span class="num num-top">1</span>
                            <a href="#" class="content">
                                <div class="logo">
                                    <img src="img/anime/anime-rank-all-1.webp" alt="">
                                </div>
                                <div class="title">
                                    <p>【Lex】烂片时代开创者！2014年的神级烂片</p>
                                    <p class="point">综合评分：55.9万</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num  num-top">2</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>直至地老天荒,独剩你我【凤求凰李白】</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num  num-top">3</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>【百试大大】不玩腿的少年不是好少年！这腿我能玩一年哟~</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num">4</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>我看的铠甲勇士不可能这么搞笑</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num">5</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>【手办•1080P•C4D】超可爱的AI爱酱手办？</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num">6</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>【六道杂谈】游戏王战斗城市篇：万恶之源！海马VS游戏</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="tab-item-a self">
                        <div class="a-item">
                            <span class="num num-top">1</span>
                            <a href="#" class="content">
                                <div class="logo">
                                    <img src="img/anime/anime-rank-all-1.webp" alt="">
                                </div>
                                <div class="title">
                                    <p>【Lex】烂片时代开创者！2014年的神级烂片</p>
                                    <p class="point">综合评分：55.9万</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num  num-top">2</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>直至地老天荒,独剩你我【凤求凰李白】</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num  num-top">3</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>【百试大大】不玩腿的少年不是好少年！这腿我能玩一年哟~</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num">4</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>我看的铠甲勇士不可能这么搞笑</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num">5</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>【手办•1080P•C4D】超可爱的AI爱酱手办？</p>
                                </div>
                            </a>
                        </div>
                        <div class="a-item">
                            <span class="num">6</span>
                            <a href="#" class="content">
                                <div class="title">
                                    <p>【六道杂谈】游戏王战斗城市篇：万恶之源！海马VS游戏</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#" class="see-more">
                查看更多<span>&gt;</span>
            </a>
        </div>
    </div>
    <div class="bangumi-schedule">
        <div class="bangumi-left">
            <div class="bangumi-title">
                <span class="icon"></span>
                <span class="name">番剧</span>
                <div class="week">
                    <div class="w-item on">最新</div>
                    <div class="w-item">一</div>
                    <div class="w-item">二</div>
                    <div class="w-item">三</div>
                    <div class="w-item">四</div>
                    <div class="w-item">五</div>
                    <div class="w-item">六</div>
                    <div class="w-item">日</div>
                </div>
                <a href="#" class="more">
                    新番时间表<span>&gt;</span>
                </a>
            </div>
            <div class="schedule">
                <div class="sch-item on">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-1.webp" alt=""></div>
                            <div class="info">
                                <p class="title">自由之翼 第二季（僅台灣地區）</p>
                                <p class="text">更新至<span class="new">11话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-17.webp" alt=""></div>
                            <div class="info">
                                <p class="title">从零开始的魔法书</p>
                                <p class="text">更新至<span>9话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-18.webp" alt=""></div>
                            <div class="info">
                                <p class="title">怪怪守护神</p>
                                <p class="text">更新至<span>10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-19.webp" alt=""></div>
                            <div class="info">
                                <p class="title">小魔女学园 TV版</p>
                                <p class="text">更新至<span>22话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-20.webp" alt=""></div>
                            <div class="info">
                                <p class="title">世界黑暗图鉴</p>
                                <p class="text">更新至<span>10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-24.webp" alt=""></div>
                            <div class="info">
                                <p class="title">机甲少女 FRAME ARMS GIRL</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-25.webp" alt=""></div>
                            <div class="info">
                                <p class="title">覆面系 NOISE</p>
                                <p class="text">更新至<span class="new">9话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-26.webp" alt=""></div>
                            <div class="info">
                                <p class="title">飙速宅男 新世代</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-16.webp" alt=""></div>
                            <div class="info">
                                <p class="title">博人传 火影忍者新时代</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-12.webp" alt=""></div>
                            <div class="info">
                                <p class="title">月色真美</p>
                                <p class="text">更新至<span class="new">9话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-10.webp" alt=""></div>
                            <div class="info">
                                <p class="title">恋爱暴君</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-6.webp" alt=""></div>
                            <div class="info">
                                <p class="title">忍者少女千鸟～伊势・金崎篇～</p>
                                <p class="text">更新至<span class="new">36话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-2.webp" alt=""></div>
                            <div class="info">
                                <p class="title">埃罗芒阿老师</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sch-item">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-17.webp" alt=""></div>
                            <div class="info">
                                <p class="title">从零开始的魔法书</p>
                                <p class="text">更新至<span>9话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-18.webp" alt=""></div>
                            <div class="info">
                                <p class="title">怪怪守护神</p>
                                <p class="text">更新至<span>10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-19.webp" alt=""></div>
                            <div class="info">
                                <p class="title">小魔女学园 TV版</p>
                                <p class="text">更新至<span>22话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-20.webp" alt=""></div>
                            <div class="info">
                                <p class="title">世界黑暗图鉴</p>
                                <p class="text">更新至<span>10话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sch-item">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-24.webp" alt=""></div>
                            <div class="info">
                                <p class="title">机甲少女 FRAME ARMS GIRL</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-25.webp" alt=""></div>
                            <div class="info">
                                <p class="title">覆面系 NOISE</p>
                                <p class="text">更新至<span class="new">9话</span></p>
                            </div>
                        </a>
                    </div>
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-26.webp" alt=""></div>
                            <div class="info">
                                <p class="title">飙速宅男 新世代</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sch-item">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-16.webp" alt=""></div>
                            <div class="info">
                                <p class="title">博人传 火影忍者新时代</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sch-item">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-12.webp" alt=""></div>
                            <div class="info">
                                <p class="title">月色真美</p>
                                <p class="text">更新至<span class="new">9话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sch-item">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-10.webp" alt=""></div>
                            <div class="info">
                                <p class="title">恋爱暴君</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sch-item">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-6.webp" alt=""></div>
                            <div class="info">
                                <p class="title">忍者少女千鸟～伊势・金崎篇～</p>
                                <p class="text">更新至<span class="new">36话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sch-item">
                    <div class="item">
                        <a href="#">
                            <div class="logo"><img src="img/bangumi/bangumi-schedule-2.webp" alt=""></div>
                            <div class="info">
                                <p class="title">埃罗芒阿老师</p>
                                <p class="text">更新至<span class="new">10话</span></p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="bangumi-right">
            <div class="title">
                <p>排行</p>
                <div class="toggle">
                    <div>
                        <span class="selected">三日</span>
                        <span class="icon"></span>
                    </div>
                    <ul class="dropdown-list">
                        <li>一周</li>
                    </ul>
                </div>
            </div>
            <div class="rank">
                <div class="a-item">
                    <span class="num num-top">1</span>
                    <a href="#">
                        <div class="title"><p>博人传 火影忍者新时代</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num num-top">2</span>
                    <a href="#">
                        <div class="title"><p>恋爱暴君</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num num-top">3</span>
                    <a href="#">
                        <div class="title"><p>埃罗芒阿老师</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num">4</span>
                    <a href="#">
                        <div class="title"><p>月色真美</p>
                            <p>更新至第9话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num">5</span>
                    <a href="#">
                        <div class="title"><p>夏目友人帐 陆</p>
                            <p>更新至第9话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num">6</span>
                    <a href="#">
                        <div class="title"><p>时钟机关之星</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num">7</span>
                    <a href="#">
                        <div class="title"><p>Re:CREATORS</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num">8</span>
                    <a href="#">
                        <div class="title"><p>从零开始的魔法书</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num">9</span>
                    <a href="#">
                        <div class="title"><p>王室教师海涅</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
                <div class="a-item">
                    <span class="num">10</span>
                    <a href="#">
                        <div class="title"><p>雏子的笔记</p>
                            <p>更新至第10话</p></div>
                    </a>
                </div>
            </div>
            <a href="#" class="see-more">
                查看更多<span>&gt;</span>
            </a>
        </div>
    </div>
    <div class="bangumi">
        <div class="bangumi-left">
            <div class="bangumi-title">
                <span class="icon"></span>
                <span class="name">番剧动态</span>
                <span class="tab on">有新动态</span>
                <span class="tab">最新投稿</span>
                <a href="#" class="hot">
                    <span class="icon"></span>
                    <span>相信的心就是你的魔法</span>
                </a>
                <div class="status">
                    <span class="icon"></span>
                    <span class="status-info">
                        <span class="status-num">3217</span>条新动态
                    </span>
                </div>
                <a href="#" class="more">
                    更多<span>&gt;</span>
                </a>
            </div>
            <div class="bangnumi-ct">
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-1.webp" alt="">
                            <div class="mask">
                            </div>
                            <span>621:05</span>
                        </div>
                        <p>【合集】记录的地平线</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                426.6万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                20.2万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-2.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>05:00</span>
                        </div>
                        <p>【4月】埃罗芒阿老师 04【独家正版】</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                349.0万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                17.1万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-3.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>24:21</span>
                        </div>
                        <p>【4月】月色真美 07【独家正版】</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                45.5万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                7.7万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-4.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>309:39</span>
                        </div>
                        <p>【合集】狼与香辛料 第二季</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                50.7万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                2.4万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-5.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>43:15</span>
                        </div>
                        <p>【4月】Re:CREATORS 01</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                320.9万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                9.0万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-6.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>03:58</span>
                        </div>
                        <p>【合集】机动战士敢达00 第二季</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                28.9万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                1.8万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-7.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>05:37</span>
                        </div>
                        <p>【4月】夏目友人帐 第六季 02</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                141.6万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                2.2万
                            </span>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <div class="pic">
                            <img src="img/bangumi/bangumi-8.webp" alt="">
                            <div class="mask">

                            </div>
                            <span>11:23</span>
                        </div>
                        <p>【4月】月色真美 09【独家正版】</p>
                        <div class="info">
                            <span class="auther">
                                <span class="icon"></span>
                                24.8万
                            </span>
                            <span class="audience">
                                <span class="icon"></span>
                                1.6万
                            </span>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="bangumi-right">
            <div class="title">
                <p>特别推荐</p>
            </div>
            <div class="carousel-inside">
                <ul class="slide">
                    <li><a href="#"><img src="img/bangumi/bangumi-carousel-1.webp" alt=""></a></li>
                    <li><a href="#"><img src="img/bangumi/bangumi-carousel-2.webp" alt=""></a></li>
                </ul>
                <ul class="dot">
                    <li class="active"></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="special">
        <div class="title">
            <span class="icon"></span>
            <span class="name">特别推荐</span>
        </div>
        <div class="spe-ct">
            <div class="spe-ct-left">
                <div class="spe-item">
                    <a href="#">
                        <img src="img/special/special-1.webp" alt="">
                    </a>
                    <div class="user">
                        <div class="info">
                            <a href="#" class="logo">
                                <img src="img/special/user-1.webp" alt="">
                            </a>
                            <span class="name">⑨55</span>
                            <span class="tag">推荐</span>
                        </div>
                    </div>
                    <p class="title">闪之轨迹3——店头PV</p>
                </div>
                <div class="spe-item">
                    <a href="#">
                        <img src="img/special/special-2.webp" alt="">
                    </a>
                    <div class="user">
                        <div class="info">
                            <a href="#" class="logo">
                                <img src="img/special/user-2.webp" alt="">
                            </a>
                            <span class="name">残星什么的就是残星</span>
                            <span class="tag">推荐</span>
                        </div>
                    </div>
                    <p class="title">奥丁之子奥丁森失去雷神锤 雷神索尔归来上集【xx说漫画】</p>
                </div>
                <div class="spe-item">
                    <a href="#">
                        <img src="img/special/special-3.webp" alt="">
                    </a>
                    <div class="user">
                        <div class="info">
                            <a href="#" class="logo">
                                <img src="img/special/user-3.webp" alt="">
                            </a>
                            <span class="name">羽瀬音はるか</span>
                            <span class="tag">推荐</span>
                        </div>
                    </div>
                    <p class="title">「进击的巨人 / 自由之翼 第二季」OP专辑</p>
                </div>
                <div class="spe-item">
                    <a href="#">
                        <img src="img/special/special-4.webp" alt="">
                    </a>
                    <div class="user">
                        <div class="info">
                            <a href="#" class="logo">
                                <img src="img/special/user-2.webp" alt="">
                            </a>
                            <span class="name">残星什么的就是残星</span>
                            <span class="tag">推荐</span>
                        </div>
                    </div>
                    <p class="title">[声之形]无声之语[MAD]</p>
                </div>
            </div>
            <div class="spe-ct-right">
                <div class="spe-ad">
                    <a href="#">
                        <img src="img/special/special-ad.webp" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="side-nav">
        <div class="wrapper">
            <div class="item">推广</div>
            <div class="item">直播</div>
            <div class="item">动画</div>
            <div class="item">番剧</div>
            <div class="item">动态</div>
            <div class="item">特别</div>
            <div class="item go-top">
                <span class="icon"></span>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="footer-top w">
        <div class="left">
            <p class="title">bilibili</p>
            <div class="wrapper">
                <div><a href="#">关于我们</a></div>
                <div><a href="#">友情链接</a></div>
                <div><a href="#">哔哩哔哩周边</a></div>
                <div><a href="#">联系我们</a></div>
                <div><a href="#">加入我们</a></div>
                <div><a href="#">官方认证</a></div>
            </div>
        </div>
        <div class="middle">
            <p class="title">传送门</p>
            <div class="wrapper">
                <div><a href="#">帮助中心</a></div>
                <div><a href="#">高级弹幕</a></div>
                <div><a href="#">活动专题页</a></div>
                <div><a href="#">侵权申诉</a></div>
                <div><a href="#">分院帽计划</a></div>
                <div><a href="#">活动中心</a></div>
                <div><a href="#">用户反馈论坛</a></div>
                <div><a href="#">壁纸站</a></div>
                <div><a href="#">名人堂</a></div>
            </div>
        </div>
        <div class="right">
            <div class="wrapper">
                <div class="phone"><a href="#"><span></span></a><span>手机端</span></div>
                <div class="weibo"><a href="#"><span></span></a><span>手机端</span></div>
                <div class="weixin"><a href="#"><span></span></a><span>手机端</span></div>
            </div>
        </div>
    </div>
    <div class="footer-bottom w">
        <div class="logo">
            <img src="img/footer/logo-1.png" alt="">
        </div>
        <div class="text">
            <p>广播电视节目制作经营许可证：（沪）字第1248号 | 网络文化经营许可证：沪网文[2013]0480-056号 | 信息网络传播视听节目许可证：0910417 |
                互联网ICP备案：沪ICP备13002172号-3 沪ICP证：沪B2-20100043 | 违法不良信息举报邮箱：help@bilibili.com |
                违法不良信息举报电话：4000233233转3</p>
            <p class="tip">网上有害信息举报专区：<img src="img/footer/logo-2.png" alt="">中国互联网违法和不良信息举报中心 |<span
                    class="icon"></span>上海互联网举报中心 |12318 全国文化市场举报网站</p>
        </div>
    </div>
</div>

</div>

</body>
</html>